<template>
  <div>
    <tabbar ref="mytabbar"></tabbar>
    <section>
      <router-view></router-view>
    </section>
  </div>
</template>
<script>
import Vue from 'vue'
// 1. 引入你需要的组件
import Vant from 'vant'
// 2. 引入组件样式
import 'vant/lib/index.css'
// 3. 注册你需要的组件
Vue.use(Vant) // Vue.component(全局组件注册)
import tabbar from '@/components/TabBar.vue'
export default {
  mounted() {
    // console.log(this.$refs.mytabbar.$el.offsetHeight);
  },
  components: {
    tabbar
  }
}
</script>
<style lang="scss" scoped>
section {
  margin-bottom: 3.0625rem;
}
</style>
